<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/studentmanage.css">
</head>
<body>
<div id="masking"></div>
<div class=" container-fluid zuo">
    <!--    蒙版-->





<div class="row">


<!--标题-->


    <div class="row">
<!--        左侧列表-->
        <div class="col-lg-2  col-lg-offset-1 border text-center">
        <ul class="cityList">
            <li>
                <div class="liCity"  >成都市</div>
                <ul class="schoolList"  id="ChengDu">
<!--
        <li>成都一中</li>-->
<!--                    <li>成都七中</li>-->
<!--                    <li>成都二中</li>-->
                </ul>
            </li>
            <li>
                <div class="liCity" >绵阳市</div>
                <ul class="schoolList" id="MianYang">
<!--                    <li>绵阳一中</li>-->
<!--                    <li>南山中学</li>-->
<!--                    <li>科技城一中</li>-->
                </ul>
            </li>
            <li>
                <div class="liCity" >雅安市</div>
                <ul class="schoolList" id="YaAn">
<!--                    <li>德阳一中</li>-->
<!--                    <li>德阳七中</li>-->
<!--                    <li>德阳二中</li>-->
                </ul>
            </li>
            <li>
                <div class="liCity" >乐山市</div>
                <ul class="schoolList" id="LeShan">
<!--                    <li>德阳一中</li>-->
<!--                    <li>德阳七中</li>-->
<!--                    <li>德阳二中</li>-->
                </ul>
            </li>
            <li>
                <div class="liCity" >内江市</div>
                <ul class="schoolList" id="NeiJiang">
<!--                    <li>德阳一中</li>-->
<!--                    <li>德阳七中</li>-->
<!--                    <li>德阳二中</li>-->
                </ul>
            </li>









        </ul>


    </div>
<!--        右侧表格-->
        <div class="col-lg-8  studentContent border">
            <!--        添加学生弹框-->
            <div class="col-lg-12">
                <div class="col-lg-8" id="addStudentView">

                    <div class="row text-center titlBg">       <div class="col-lg-12"><h3>添加学生信息</h3></div></div>
                    <div class="row">
                        <div class="col-lg-6">
                            <span class="spanpadding">学号：</span>
                            <input type="text" id="addStuId" class="inputValue">


                        </div>
                        <div class="col-lg-6">
                            <span class="spanpadding">学校：</span>
                            <input type="text" id="addStuSchoolId" class="inputValue">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <span class="spanpadding">姓名：</span>
                            <input type="text" id="addStuName" class="inputValue">

                        </div>
                        <div class="col-lg-6">
                            <span class="spanpadding">性别：</span>
                            <input type="radio" name="sex" value="男" id="addStuSexMan">男
                            <input type="radio" name="sex" value="女" id="addStuSexWoMan">女
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-lg-6">
                            <span>出生日期：</span>
                            <input type="date" id="addStuDate" class="inputValue">

                        </div>
                        <div class="col-lg-6">
                            <span>所属班级：</span>
                            <select name="" id="addStuClass" class="inputValue">
                                <option value="">网脉一班</option>
                                <option value="">网脉二班</option>
                                <option value="">网脉三班</option>
                                <option value="">网脉四班</option>
                                <option value="">网脉五班</option>


                            </select>
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span>家庭住址：</span>
                            <input type="text" id="addStuAddress" class="inputValue">

                        </div>
                        <div class="col-lg-6">
                            <span>联系电话：</span>
                            <input type="text" id="addStuPhone" class="inputValue">
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span class="spanpadding">父亲：</span>
                            <input type="text" id="addStuFaName" class="inputValue">
                        </div>
                        <div class="col-lg-6">
                            <span>父亲电话：</span>
                            <input type="text" id="addStuFaPhone" class="inputValue">
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span class="spanpadding">母亲：</span>
                            <input type="text" id="addStuMoName" class="inputValue">
                        </div>
                        <div class="col-lg-6">
                            <span>母亲电话：</span>
                            <input type="text"id="addStuMoPhone" class="inputValue">
                        </div>
                    </div>
                    <div class="row border">
                        <div class="col-lg-12">
                            <span class="spanpadding" style="vertical-align: top" >备注：</span>
                            <textarea name="beizhu" cols="50" rows="6" id="addStudentTextarea">无</textarea>

                        </div>



                    </div>
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <div class="btn btn-primary confirmColor " id="addStudentBtn">添加</div>
                            <div class="btn btn-primary  cancelColor" id="addCancel">取消</div>

                        </div>

                    </div>



                </div></div>
            <!--        查询学生弹框-->
            <div class="col-lg-12">
                <div class="col-lg-8" id="checkStudentView">
                    <div class="row  titlBg"><div class="col-lg-12 center"><h3>学生信息</h3></div></div>
                    <div class="row">
                        <div class="col-lg-4">
                            <span>姓名：</span>
                            <span id="checkStuName" ></span>
                        </div>
                        <div class="col-lg-4">
                            <span>性别：</span>
                            <span id="checkStuSe">男</span>
                        </div>
                        <div class="col-lg-4">
                            <span>出生日期：</span>
                            <span id="checkStuBirth" >1982-02-05</span>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-4">
                            <span>家庭住址：</span>
                            <span id="checkStuAddress" >成都市罗锅巷12号</span>
                        </div>
                        <div class="col-lg-4">
                            <span>所属班级：</span>
                            <span id="checkStuClass" >网脉一班</span>
                        </div>
                        <div class="col-lg-4">
                            <span>联系电话：</span>
                            <span id="checkStuPhone" >13464357851</span>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-4">
                            <span>父亲：</span>
                            <span id="checkStuFaName" >李广升</span>
                        </div>
                        <div class="col-lg-4">
                            <span>父亲电话：</span>
                            <span id="checkStuFaPhone" >13284394059</span>
                        </div>
                        <div class="col-lg-4">
                            <span>学生状态：</span>
                            <span id="checkStuSta" >会员</span>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-4">
                            <span>母亲：</span>
                            <span id="checkStuMoName" >姚丽娜</span>
                        </div>
                        <div class="col-lg-4">
                            <span>母亲电话：</span>
                            <span id="checkStuMoNum" >15392039585</span>
                        </div>
                        <div class="col-lg-4">
                            <span style="vertical-align: top">备注：</span>
                            <textarea name="" cols="14" rows="6" id="checkStuText" ></textarea>
                        </div>

                        <div class="row ">
                            <div class="col-lg-12 addRecordView">
                                <table class="table border   ">
                                    <thead>
                                    <th>回访时间</th>
                                    <th>负责人</th>
                                    <th>回访人</th>
                                    <th>回访主题</th>
                                    <th>回访内容</th>
                                    </thead>
                                    <tbody id="visitTable">

                                    </tbody>


                                </table>

                                <div class="col-lg-12 text-center">
                                    <div class="btn btn-primary" id="checkConfirm">确定</div>
                                </div>
                            </div>
                        </div>
<!--                        <div class="row border">-->
<!--                            -->
<!--                        </div>-->






                    </div>






                </div>



            </div>
            <!--        添加回访记录-->
            <div class="col-lg-12  ">
                <div class="col-lg-4" id="addRecordView">
                    <div class="row  titlBg"><div class="col-lg-12 center"><h3>添加回访记录</h3></div></div>
                    <div class="row border ">
                        <div class="col-lg-12">
                            <span class="recordTime">回访时间：</span>
                            <input type="date" id="visitTime">
                        </div>


                    </div>
                    <div class="row border ">
                        <div class="col-lg-12">
                            <span  class="recordPeople" >负责人：</span>
                            <select name="" id="visitName">
                                <option value="">赵小峰</option>
                                <option value="">赵小峰</option>
                                <option value="">赵小峰</option>

                            </select>
                        </div>


                    </div>
                    <div class="row border">
                        <div class="col-lg-12">
                            <span>回访人：</span>
                            <input type="text" id="stuName">
                        </div>
                    </div>
                    <div class="row border ">
                        <div class="col-lg-12">
                            <span class="zt">主题：</span>
                            <input type="text" id="stuRecordTitle">
                        </div>

                        <div class="row border hf">
                            <div class="col-lg-12">
                                <span style="vertical-align: top" >回访内容：</span>
                                <textarea name="" cols="20" rows="8" class="hfnr" id="stuRecord"></textarea>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-lg-12 text-center addcontent">
                                <div class="btn btn-primary" id="addRecordBtn">添加</div>
                                <div class="btn btn-primary" id="addRecordCancle">取消</div>
                            </div>


                        </div>







                    </div>






                </div>



            </div>
            <!--        修改学生信息-->
            <div class="col-lg-12">
                <div class="col-lg-8" id="updateStudentView">

                    <div class="row  titlBg">       <div class="col-lg-12 text-center"><h3>修改学生信息</h3></div></div>


                    <div class="row">
                        <div class="col-lg-6">
                            <span class="spanpadding">姓名：</span>
                            <input type="text" id="updateStuName">
                        </div>
                        <div class="col-lg-6">
                            <span class="spanpadding">性别：</span>
                            <input type="radio" name="sex" value="男">男
                            <input type="radio" name="sex" value="女">女
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-lg-6">
                            <span>出生日期：</span>
                            <input type="text" id="updateStuBirth">

                        </div>
                        <div class="col-lg-6">
                            <span>所属班级：</span>
                            <select name="class" id="classname" >
                                <option value="网脉一班">网脉一班</option>
                                <option value="网脉二班">网脉二班</option>
                                <option value="网脉三班">网脉三班</option>
                                <option value="网脉四班">网脉四班</option>
                                <option value="网脉五班">网脉五班</option>


                            </select>
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span>家庭住址：</span>
                            <input type="text" id="updateStuAddress">

                        </div>
                        <div class="col-lg-6">
                            <span>联系电话：</span>
                            <input type="text" id="updateStuPhone">
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span>会员状态：</span>
                            <input type="text" id="updateStuSta">

                        </div>
                        <div class="col-lg-6">
                            <span class="xxid">学校id：</span>
                            <input type="text" id="updateStuSchoolId">
                        </div>
                    </div>



                    <div class="row">

                        <div class="col-lg-6">
                            <span class="spanpadding">父亲：</span>
                            <input type="text" id="updateStuFaName">
                        </div>
                        <div class="col-lg-6">
                            <span>父亲电话：</span>
                            <input type="text" id="updateStuFaPhone">
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-6">
                            <span class="spanpadding">母亲：</span>
                            <input type="text" id="updateStuMoName">
                        </div>
                        <div class="col-lg-6">
                            <span>母亲电话：</span>
                            <input type="text" id="updateStuMoNum">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-9">
                            <span class="spanpadding"   style="vertical-align: top">备注：</span>
                            <textarea name="beizhu" cols="40" rows="6" id="updateStuText"></textarea>
                        </div>
                        <div class="col-lg-12 center">
                            <div class="btn btn-primary confirmColor " id="updateBtn">修改</div>
                            <div class="btn btn-primary  cancelColor" id="updateCancel">取消</div>

                        </div>

                    </div>


                </div></div>
<!--            提示信息弹框-->
            <div class="col-lg-12">
                <div class="promptMsgDiv" id="promptMsgDiv">
                    <div class="showMsg">
                        <p id="promptMsg"></p>
                    </div>
                    <div class="promptMsgBtnDiv"  >
                        <button id="promptMsgBtn" class="btn btn-default">确定</button>

                    </div>



                </div>

            </div>




<!--第一行按钮-->
 <div class="row btnRow">

         <div class="col-lg-6  border">
<!--             <button   class="btn btn-danger">添加回访记录</button>-->
             <button id="addRecord" class="btn searchBtn " >添加回访记录</button>
             <button id="addStudent" class="btn searchBtn " >添加学生</button>
             <button id="delStudent" class="btn btn-danger " >删除学生</button>


<!--             <button  class="btn btn-danger"></button>-->
             <!--                <button  id="checkStudent">查看学生信息</button>-->
<!--             <button   class="btn btn-danger">删除</button>-->
             <!--                <button id="updateStudent">修改学生信息</button>-->


         </div>
         <div class="col-lg-4 col-lg-offset-2 border">
             <div class="form-inline">
                 <div class="form-group">

                     <input type="text" class="form-control" id="selectStudent" placeholder="请输入学号">
                 </div>
                 <button class="btn searchBtn " id="selectStudentBtn">查询</button>
                 <button class="btn searchBtn " id="refreshBtn">刷新</button>
             </div>

     </div>
 </div>
            <div class="col-lg-12 control ">
                <table class="table  table-hover" id="studentTable">
                <thead >
                <tr  class="text-center">
                    <th><input type="checkbox" id="checkAll"></th>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>班级</th>
                    <th>状态</th>
                    <th>电话</th>
                    <th>操作</th>
                </tr>

                </thead>
                <tbody id="showInfo" class="table-striped">
                <tr>
                    <td><input type="checkbox"></td>
                    <td>孙军</td>
                    <td>男</td>
                    <td>网脉一班</td>
                    <td>会员</td>
                    <td>17608199652</td>
                    <td><span class="check">查看</span>  <span class="update">修改</span></td>
                </tr>




                </tbody>



            </table></div>

            <div class="col-lg-12" id="divPage">

            </div>
        </div></div>





</div>



</div>


<script src="../js数据/guliData.js"></script>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/studentmanager.js"></script>
</body>
</html>